<template>
  <el-aside width="200px">
    <el-menu :default-active="$route.path" :router="true" :unique-opened="true">
      <el-menu-item index="/index">
        <i class="el-icon-menu"></i>
        <span slot="title">概览</span>
      </el-menu-item>
      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-message"></i>商品
        </template>
        <el-menu-item-group>
          <el-menu-item index="/product-list">商品库</el-menu-item>
          <el-menu-item index="/product-cate">商品分类</el-menu-item>
          <el-menu-item index="/my-library">我的素材</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="3">
        <template slot="title">
          <i class="el-icon-message"></i>订单
        </template>
        <el-menu-item-group>
          <el-menu-item index="order-list">订单查询</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="4">
        <template slot="title">
          <i class="el-icon-message"></i>客户
        </template>
        <el-menu-item-group>
          <el-menu-item index="custom-search">客户查询</el-menu-item>
          <el-menu-item index="custom-data">客户分析</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="5">
        <template slot="title">
          <i class="el-icon-message"></i>财务
        </template>
        <el-menu-item-group>
          <el-menu-item index="5-1">
            <router-link tag="span" to="wine-list">店铺余额</router-link>
          </el-menu-item>
          <el-menu-item index="5-2">
            <router-link tag="span" to="wine-list">充值</router-link>
          </el-menu-item>
          <el-menu-item index="5-3">
            <router-link tag="span" to="wine-list">提现</router-link>
          </el-menu-item>
        </el-menu-item-group>
      </el-submenu>
    </el-menu>
  </el-aside>
</template>
<script>
export default {
  name: "SideMenu",
  props: {
    msg: String,
  },
};
</script>
<style lang="less">
.el-menu {
  height: 100%;
}
</style>